<html>
  <head>
    <link rel="stylesheet" href="../../../../../node_modules/mocha/mocha.css" />
    <!-- Loads polyfills but does not force settings... -->
    <meta name="manual-polyfills" />
    <script src="../../../../../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
    <script src="../../../../../node_modules/@webcomponents/shadycss/apply-shim.min.js"></script>
  </head>

  <body>
    <script type="module">
      // node resolution doesn't seem to be working here.
      import {
        mocha,
        sessionFinished,
        sessionFailed,
      } from '../../../../../node_modules/@web/test-runner-mocha/dist/standalone.js';
      // import { mocha, sessionFinished, sessionFailed } from '@web/test-runner-mocha';

      (async () => {
        try {
          // setup mocha
          mocha.setup({ui: 'tdd', timeout: 60000});

          await import('./reactive-element_html-test.js');

          // run the tests, and notify the test runner after finishing
          mocha.run(() => {
            sessionFinished();
          });
        } catch (error) {
          console.error(error);
          // notify the test runner about errors
          sessionFailed(error);
        }
      })();
    </script>
    <div id="mocha"></div>
  </body>
</html>
